<!DOCTYPE html>
<html lang="en" ng-app="myFilter">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/angular-1.3.0.js"></script>
    <style type="text/css">
        .odd{
            color:red;
        }
        .even{
            color: blueviolet;
        }
    </style>
</head>
<body>
    <div ng-controller="MyCtrl">
        <ul>
            <li ng-repeat="p in data | orderBy:'-score' | limitTo:3" ng-class-odd="'odd'" ng-class-even="'even'">
                <span>{{$index + 1}}</span>--<span>{{p.name}}</span>--<span>{{p.age}}</span>--<span>{{p.score}}</span>
            </li>
        </ul>
    </div>
    <script type="text/javascript">
        var myModule = angular.module("myFilter", []);
        myModule.controller("MyCtrl", ["$scope", function ($scope) {
            $scope.data = [
                {name:"jj",age:26,score:80},
                {name:"zj",age:24,score:54},
                {name:"demo",age:24,score:64},
                {name:"demo2",age:24,score:94}
            ];
        }]);
    </script>
</body>
</html>